@charset "utf-8"; //定义字符编码
/*
 *项目名：华夏海归
 *时    间： 2017-03-22
 *文    件：公共样式    
 */

//* {
//  font-size: 14px;
//}

body {
    background: url("../img/common/CommonJoinActivity_36.jpg");
    &.body {
        background: url("../../img/common/CommonJoinActivity_36.jpg");
    }

}
/***********************************轮播图*****************************/
.kvcarousel {
    overflow: hidden;
    white-space: nowrap;
    width: 971px;
    margin: 0 auto;
    position: relative;

    ul {
        font-size: 0;
        li {
            display: inline-block;
            &:hover {
                cursor: pointer;
            }
        }
    }
    .kv_arrows {
        display: inline-block;
        width: 40px;
        height: 60px;
        text-align: center;
        line-height: 60px;
        vertical-align: middle;
        background: rgba(225,255,255,.3);
        color: white;
        font-size: 30px;
        bottom: 50%;
        transform: translateY(50%);
        visibility: hidden;
        opacity: 0;
        -webkit-transition: opacity 300ms ease, visibility 300ms ease;
        transition: opacity 300ms ease, visibility 300ms ease;
        cursor: pointer;
        &.arrows_left {
            position: absolute;
            left: 0;
        }
        &.arrows_right {
            position: absolute;
            right: 0;
        }
    }
    &:hover {
        .kv_arrows {
            visibility: visible;
            opacity: 1;
        }
    }
}
/*********************************轮播选项卡*********************************/

.KVControl {
    display: inline-block;
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translateX(-50%);
    li {
        display: inline-block;
        i {
            color: #8b8b8b;
            &:hover {
                cursor: pointer;
            }
        }
    }
    .active {
        i {
            color: #0DAFD2;
        }
    }
}
/**********************************按钮*************************************/
.btn {
    display: inline-block;
    height: 23px;
    padding: 0 17px 0 20px;
    background-color: #0dafd2;
    text-align: center;
    line-height: 23px;
    font-size: 12px;
    font-weight: bold;
    letter-spacing: 2px;
    color: white;
    &.padding5 {
        padding: 0 5px;
    }
    &:hover {
        color: #3b8291;
    }
}
/******************************************************************/
/********************************下拉框****************************/
.Custom_S {
    display: inline-block;
    vertical-align: middle;
    height: 23px;
    line-height: 21px;
    display: inline-block;
    position: relative;
    z-index: 2;
}

.Custom_Select {
    display: block;
    //  height: 23px;
    padding: 0 1px 1px 3px;
    position: relative;
    top: 0;
    right: 0;
    //  line-height: 14px;
    //  font-size: 14px;
    //  color: #727272;
}
.Custom_Select:hover {
    cursor: pointer;
}
.Custom_Select::after {
    content: "";
    border: 3px solid transparent;
    border-top: 7px solid #0DAFD2;
    position: absolute;
    top: 50%;
    right: 12px;
    margin-top: -4px;
    cursor: pointer;
}
.Custom_Select ~ ul {
    height: 0;
    width: 100%;
    //  position: absolute;
    overflow: hidden;
    visibility: hidden;
    display: inline-block;
    vertical-align: top;
    min-width: 100px;
    margin-top: -1px;
    -webkit-transition: all 1s ease;
    transition: all 1s ease;
    //  background-color: white;
    //  position: relative;
    //  z-index: 2;
}
.Custom_Select ~ input:checked + ul {
    visibility: visible;
    height: 93px;
}
.Custom_Select ~ul > li {
    padding: 4px;
    color: #727272;
    font-size: 14px;
    line-height: 14px;
    background-color: rgba(0,0,0,.9);
}
.Custom_Select ~ ul > li:hover {
    background-color: rgba(13,175,210,.9);
    color: white;
    cursor: pointer;
}
.Custom_Select.border {
    border: 1px solid #595858;
    /*边框*/
}
.Custom_Select.border ~ ul {
    border: 1px solid #595858;
    //  width: 100%;
}
.Custom_Select.border ~ ul > li:not(:first-child) {
    border-top: 1px solid #595858;
}

/******************************************************************/

/*********************************搜索*************************************/
.commoninput {
    vertical-align: middle;
    height: 40px;
    line-height: 40px;
    font-size: 0;
    .checkbox {
        vertical-align: middle;
        width: 227px;
        height: 23px;
        line-height: 21px;
        display: inline-block;
        font-size: 14px;
        color: #727272;
        position: relative;
        z-index: 2;
    }
    input {
        vertical-align: middle;
        line-height: 23px;
        height: 23px;
        border-top: 1px solid #595858;
        border-bottom: 1px solid #595858;
        &:first-of-type {
            margin-left: 6px;
            border-left: 1px solid #595858;
            border-right: none;
            padding-left: 2px;
            background-color: transparent;
        }
        &:last-of-type {
            width: 66px;
            border-right: 1px solid #595858;
            border-left: none;
            background-color: #0DAFD2;
            color: white;
        }
    }
}
/**********************************阿里云图********************************/
.iconfont {
    font-size: 11px;
    padding-left: 3px;
}
.wrap {
    width: 1063px;
    margin: 0 auto;
    background-color: #000000;

    /*******************************帮助**********************************/

    .helplangue {
        float: right;
        font-size: 11px;
        li {
            float: left;
            display: inline-block;
            margin: 19px 13px 17px 0;
            i {
                vertical-align: middle;
            }
        }
    }
    .gray{
        color: #747474;
        a {
            color: #747474;
        }
    }
    .white{
        color: white;
        a {
            color: white;
        }
    }
    .skyblue{
        color: #0DAFD2;
        a {
            color: #0DAFD2;
        }
    }
    /*******************************登录*********************************/
    .login {
        float: right;
        font-size: 11px;
        li {
            float: left;
            display: inline-block;
            margin: 19px 13px 17px 0;
            a {
                color: #868585;
                &.active {
                    color: #0DAFD2;
                }
            }
            i {
                vertical-align: middle;
                color: #868585;
            }
        }
    }
    /******************************导航栏********************************/
    .nav {
        width: 971px;
        margin: 0 auto;
        .nav_logo {
            padding: 41px 41px 41px 0;
            float: left;
        }
        .head {
            float: right;
            /*****************************网页导航********************************/
            .head_nav {
                font-size: 22px;
                text-align: right;
                li {
                    float: left;
                    padding: 0 10px;
                    > a {
                        color: white;
                        &.active {
                            color: #0DAFD2;
                        }
                        &:hover {
                            color: #0DAFD2;
                        }
                    }
                    &:not(:last-child) {
                        &::after {
                            content: "";
                            display: inline-block;
                            height: 15px;
                            padding-right: 15px;
                            border-right: 1px solid white;
                        }
                    }
                }
            }
        }
    }
    /***************************轮播图***************************/
    .CarouselImg {
        width: 971px;
        margin: 0 auto;
        position: relative;
        img {
            width: 100%;
            vertical-align: middle;
        }
        .Carouselmess {
            position: absolute;
            right: 48px;
            bottom: 25px;
            width: 316px;
            height: 133px;
            background-color: rgba(00,00,00,.6);
            text-align: center;
            color: white;
            h2 {
                font-size: 43.4px;
                font-weight: lighter;
            }
            p {
                font-size: 21.8px;
                a {
                    vertical-align: middle;
                    margin-top: -5px;
                }
                &:first-of-type {
                    letter-spacing: 2px;
                    padding: 5px 0;
                    span {
                        color: #48cce9;
                        font-size: 21.8px;
                    }
                }
                &:last-of-type {
                    font-size: 12.6px;
                    letter-spacing: 1px;
                }
            }
        }
    }
    /********************************合并*********************************/
    .Carouselimge {
        width: 1064px;
        img {
            width: 675px;
            height: 215px;
        }
    }
    .Carousel_left {
        width: 388px;
        height: 215px;
        background: white;
        padding-top: 27px;
        padding-left: 31px;
        float: left;
        .left_img {
            float: left;
        }
        .left_img img {
            width: 113px;
            height: 113px;
        }
        .left_personal {
            float: left;
            font-size: 12px;
            line-height: 20px;
            margin-left: 28px;
        }
        .left_personal a {
            color: #0dafd2;
            text-decoration: none;
        }
        .personal_a {
            font-size: 20px;
            letter-spacing: 2px;
        }
        .personal_b {
            color: #747474;
            letter-spacing: 1px;
        }
        .personal_c {
            color: #0dafd2;
        }
        .personal_c img {
            width: 12px;
            height: 12px;
            position: relative;
            top: 2px;
        }
        .fans_left {
            border-right: 2px solid #747474;
            width: 55px;
            text-align: center;
            float: left;
            margin-top: 18px;
            span:first-child {
                font-size: 12px;
                color: #747474;
            }
            span:last-child {
                font-size: 18px;
                font-weight: bold;
                letter-spacing: 1px;
            }
        }
        .fans_right {
            width: 55px;
            text-align: center;
            float: left;
            margin-top: 18px;
            span:first-child {
                font-size: 12px;
                color: #747474;
            }
            span:last-child {
                font-size: 18px;
                font-weight: bold;
                letter-spacing: 1px;
            }
        }
        .left_icon {
            margin-top: 20px;
            margin-left: 130px;
        }
        .left_icon i {
            font-size: 26px;
        }
        .left_icon i:last-child {
            font-size: 30px;
        }
        .left_icon {
            height: 50px;
            color: #747474;
        }
        .left_icon li {
            float: left;
            padding: 0 5px;
        }
        .left_icon li:first-child {
            padding-top: 5px;
        }
    }
    .Carousel_nav {
        width: 1064px;
        height: 69px;
        color: white;
        line-height: 69px;
        border-bottom: 2px solid #747474;
        li:first-of-type {
            padding-left: 42px;
        }
        li {
            float: left;
            padding-left: 35px;
        }
        .liebiao {
            float: left;
            a:hover {
                color: white;
            }
        }
        .serchty {
            width: 172px;
            height: 23px;
            border: 1px solid #747474;
            float: right;
            margin-top: 24px;
            margin-right: 70px;
        }
        .serchty input:first-child {
            height: 21px;
            width: 140px;
            float: left;
            border: none;
            outline: none;
            background: black;
            color: white;
            padding-left: 2px;
        }
        .serchty input:nth-child(2) {
            padding-right: 6px;
            float: right;
            padding-top: 3px;
            font-weight: bold;
        }
    }
    .New_rec {
        width: 972px;
        height: 270px;
        background: black;
        margin-left: 44px;
        border-bottom: 1px solid #4d4d4d;
        h2 {
            font-size: 32px;
            margin-top: 24px;
            color: white;
        }
        .imgshow {
            background: black;
            float: left;
            margin-left: 19px;
            margin-top: 22px;
        }
        .photo {
            width: 146px;
            height: 141px;
            line-height: 141px;
        }
        .imgshow:first-of-type {
            margin-left: 0;
        }
        .photo img {
            width: 100%;
            vertical-align: middle;
        }
        .imgshowname {
            font-size: 15px; //          height: 30px;
            color: white;
            margin-top: 12px;
            overflow: hidden; //          line-height:30px;
            span {
                max-width: 130px;
                white-space: nowrap;
                text-overflow: ellipsis;
                overflow: hidden;
                display: inline-block;
                vertical-align: middle;
            }
            img {
                vertical-align: middle;
            }
        }
    }
    /************************内容*************************/
    .details {
        width: 972px;
        margin-left: 42px;
        margin-top: 26px;
        .details_left {
            width: 155px;
            float: left;
            .headline_top {
                border-bottom: 1px solid #444444;
                width: 137px;
                margin: 0 auto;
                overflow: hidden;
                white-space: nowrap;
                text-overflow: ellipsis;
            }
            .headline_top h2 {
                a {
                    font-size: 14px;
                    font-weight: bold;
                    color: #139ab8;
                    margin-left: 38px;
                    margin-top: 12px;
                    display: inline-block;
                    padding-bottom: 12px;
                }
                a:hover {
                    color: white;
                }
            }
            .headline_center {
                padding-bottom: 15px;
                //新人推荐图区****************************
                .imgshow_1 {
                    width: 54px;
                    height: 90px;
                    background: #252525;
                    margin-top: 15px;
                    margin-left: 13px;
                    float: left;
                }
                .photo_1 {
                    width: 53px;
                    height: 57px;
                    line-height: 57px;
                    .photo_1 img {
                        vertical-align: middle;
                        width: 100%;
                    }
                }
                .imgshowname_1 a {
                    font-size: 12px;
                    color: rgb(96,96,96);
                    margin-top: 10px;
                    font-weight: bold;
                    overflow: hidden;
                    white-space: nowrap;
                    width: 53px;
                    display: inline-block;
                    text-overflow: ellipsis;
                    &:hover {
                        color: white;
                    }
                }
            }
            .headline_bottom {
                border-top: 1px solid #444444;
                width: 137px;
                margin: 0 auto;
            }
            .headline_bottom h2 {
                text-align: right;
                a {
                    font-size: 14px;
                    font-weight: bold;
                    color: #139ab8;
                    margin-top: 12px;
                    padding-bottom: 12px;
                    display: inline-block;
                }
                a:hover {
                    color: white;
                }
            }
            .job {
                border-bottom: 1px solid #444444;
            }
            //最近访客****************
            .recentvisitors .headline_center .visitors:first-of-type {
                margin-top: 19px;
                margin-left: 13px;
            }
            .recentvisitors .headline_center .visitors {
                margin-top: 10px;
                margin-left: 13px;
            }
            .photo_2 {
                width: 53px;
                height: 57px;
                line-height: 57px;
            }
            .photo_2 img {
                width: 100%;
                vertical-align: middle;
            }
            .photo_2,
            .time {
                float: left;
            }
            .recentvisitors .headline_center .visitors .time p {
                margin-left: 9px;
                font-size: 10px;
                color: #7d7c7c;
                //              margin-top: -5px;
                font-weight: bold;
                width: 47px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;

                a {
                    font-size: 14px;
                    color: #7d7c7c;
                    &:hover {
                        color: white;
                    }
                }
            }
            //浏览人数*************
            .browsequantity {
                float: left;

                p {
                    overflow: hidden;
                    a {
                        width: 50px;
                        font-size: 12px;
                        color: #7d7c7c;
                        margin-left: 15px;
                        font-weight: bold;
                        margin-top: 11px;
                        white-space: nowrap;
                        text-overflow: ellipsis;
                        display: inline-block;
                    }
                    a:hover {
                        color: white;
                    }
                }
            }
            .recentvisitors .browse {
                border-top: 1px solid #444444;
                width: 137px;
                margin: 0 auto;
                text-align: center;
                padding-bottom: 10px;
            }
        }
    }
    .public {
        font-family: "微软雅黑";
        width: 750px;
    }
    .Jactivity {
        width: 808px;
        background: white;
        float: left;
        margin-bottom: 16px;
        margin-left: 8px;
        font-family: "微软雅黑";
    }
    /*********************************************************************/
    /******************************友情链接*****************************/
    .friendship {
        width: 971px;
        margin: 0 auto;
        .friendlink {
            height: 71px;
            margin: 0 auto;
            line-height: 71px;
            border-top: 1px solid #747474;
            border-bottom: 1px solid #747474;
            h2 {
                float: left;
                margin-left: 8px;
                font-size: 33px;
                font-weight: bold;
                color: white;
            }
            .link {
                float: left;
                width: 718px;
                white-space: nowrap;
                overflow: hidden;
                height: 71px;
                line-height: 71px;
                li {
                    float: left;
                    padding: 0 13px;
                    max-width: 150px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    color: #747474;
                    position: relative;
                    &:not(:first-child) {
                        &::after {
                            content: "";
                            position: absolute;
                            left: 0;
                            top: 50%;
                            transform: translateY(-50%);
                            height: 12px;
                            border-left: 1px solid #747474;
                        }
                    }
                    a {
                        font-size: 14px;
                        font-weight: bold;
                        color: #747474;
                    }
                }
            }
            .button {
                float: right;
                text-align: right;
                a {
                    vertical-align: middle;
                }
            }
        }
        /**************************关于***************************/
        .alliance {
            height: 35px;
            width: 100%;
            line-height: 35px;
            white-space: nowrap;
            overflow: hidden;
            li {
                float: left;
                height: 35px;
                padding: 0 5px;
                position: relative;
                &:not(:first-child) {
                    &::after {
                        content: "";
                        position: absolute;
                        height: 10px;
                        border-left: 2px solid #b1b1b1;
                        left: 0;
                        top: 50%;
                        transform: translateY(-50%);
                    }
                }
                a {
                    display: inline-block;
                    font-size: 12px;
                    color: #b1b1b1;
                    max-width: 70px;
                    overflow: hidden;
                    text-overflow: ellipsis;
                }
            }
        }
        /****************合作********************/
        .collaborate {
            height: 49px;
            width: 100%;
            line-height: 40px;
            white-space: nowrap;
            border-top: 1px solid #b1b1b1;
            border-bottom: 1px solid #b1b1b1;
            li {
                float: left;
                margin: 0 6px;
                a {
                    font-size: 12px;
                    color: #0dafd2;
                }
                img {
                    vertical-align: middle;
                    margin-top: -4px;
                }
            }
            .checkmess {
                color: #0dafd2;
                width: 85px;
                font-size: 14px;
            }
        }

        /*************************合作商标***********************/
        .joinlogo {
            height: 171px;
            width: 100%;
            .returneelogo {
                height: 100%;
                width: 232px;
                float: left;
                img {
                    padding: 38px 48px;
                }
            }
            /************************合作logo***************************/
            .Bizlogo {
                float: left;
                height: 100%;
                color: #cbcbcb;
                font-size: 10px;
                margin: 0 auto;
                > ul {
                    &:first-of-type {
                        border-bottom: 1px solid #9b9b9b;
                        height: 70px;
                    }
                    &:last-of-type {
                        margin-left: 48px;
                    }
                }
                li {
                    float: left;
                    text-align: center;
                }
                .Bizlogomess {
                    height: 60px;
                    width: 92px;
                    position: relative;
                    img {
                        max-width: 100%;
                        position: absolute;
                        bottom: 23px;
                        right: 50%;
                        transform: translateX(50%);
                    }
                    p {
                        white-space: nowrap;
                        position: absolute;
                        bottom: 0;
                        right: 50%;
                        transform: translateX(50%);
                    }
                }
            }
            /*********************当前位置************************/
            .PPOS {
                width: 234px;
                height: 171;
                float: right;
                text-align: left;
                font-size: 12px;
                line-height: 18px;
                color: #b6b6b6;
                p:first-child {
                    padding-top: 38px;
                }
                p:nth-last-child(2) {
                    padding-bottom: 18px;
                }
                a {
                    color: #b6b6b6;
                    &:hover {
                        color: #0dafd2;
                    }
                }
            }
        }
    }

    .content {
        margin-top: 26px;
        margin-left: 44px;
        margin-bottom: 25px;
        .content_left {
            float: left;
            //私信菜单*********************
            .menus .menus_1 a {
                padding-left: 18px;
                font-weight: bold;
                text-decoration: none;
                color: #747373;
                font-size: 14px;
                display: inline-block;
                width: 100%;
                height: 100%;
                overflow: hidden;
            }
            .menus .menus_1 a i {
                margin-right: 10px;
            }
            .menus .menus_1 {
                background: #252525;
                width: 217px;
                height: 47px;
                margin-top: 4px;
                line-height: 45px;
            }
            .menus .menus_1 a:hover {
                color: white;
                background: black;
            }
            //广告***************
            .advertisement img:first-of-type {
                margin-top: 8px;
            }
            .advertisement {
                display: block;
                margin-top: 10px;
                width: 217px;
            }
            .advertisement img {
                width: 100%;
            }
        }
        .content_center {
            float: left;
            margin-top: -13px;
        }
        .content_right {
            float: left;
            margin-left: 8px;
            margin-top: -3px;
            .headline_top {
                border-bottom: 1px solid #444444;
                width: 137px;
                margin: 0 auto;
            }
            .headline_top h2 {
                a {
                    font-size: 14px;
                    font-weight: bold;
                    color: #139ab8;
                    margin-left: 38px;
                    margin-top: 12px;
                    display: inline-block;
                    padding-bottom: 12px;
                }
                a:hover {
                    color: white;
                }
            }
            .headline_center {
                padding-bottom: 15px;
                //新人推荐图区****************************
                .imgshow_1 {
                    width: 54px;
                    height: 90px;
                    background: #252525;
                    margin-top: 15px;
                    margin-left: 13px;
                    float: left;
                }
                .photo_1 {
                    width: 53px;
                    height: 57px;
                    line-height: 57px;
                    .photo_1 img {
                        vertical-align: middle;
                        width: 100%;
                    }
                }
                .imgshowname_1 a {
                    font-size: 12px;
                    color: rgb(96,96,96);
                    margin-top: 10px;
                    font-weight: bold;
                    overflow: hidden;
                    white-space: nowrap;
                    width: 53px;
                    display: inline-block;
                    text-overflow: ellipsis;
                    &:hover {
                        color: white;
                    }
                }
            }
            .headline_center ul li {
                width: 137px;
                margin: 10px auto 0;
                p:last-of-type a {
                    font-size: 14px;
                    color: #139ab8;
                }
                p:last-of-type a:hover {
                    color: white;
                }
                a {
                    font-size: 12px;
                    color: #7d7c7c;
                    line-height: 23px;
                    width: 100%;
                    display: inline-block;
                    margin-bottom: 10px;
                    &:hover {
                        color: white;
                        background: black;
                    }
                }
                &:last-of-type {
                    border: none;
                }
            }
            .headline_bottom {
                border-top: 1px solid #444444;
                width: 137px;
                margin: 0 auto;
            }
            .headline_bottom h2 {
                text-align: right;
                a {
                    font-size: 14px;
                    font-weight: bold;
                    color: #139ab8;
                    margin-top: 12px;
                    padding-bottom: 12px;
                    display: inline-block;
                }
                a:hover {
                    color: white;
                }
            }
            .job {
                border-bottom: 1px solid #444444;
            }
            //最近访客****************
            .recentvisitors .headline_center .visitors:first-of-type {
                margin-top: 19px;
                margin-left: 13px;
            }
            .recentvisitors .headline_center .visitors {
                margin-top: 10px;
                margin-left: 13px;
            }
            .photo_2 {
                width: 53px;
                height: 57px;
                line-height: 57px;
            }
            .photo_2 img {
                width: 100%;
                vertical-align: middle;
            }
            .photo_2,
            .time {
                float: left;
            }
            .recentvisitors .headline_center .visitors .time p {
                margin-left: 9px;
                font-size: 10px;
                color: #7d7c7c;
                //              margin-top: -5px;
                font-weight: bold;
                width: 47px;
                overflow: hidden;
                text-overflow: ellipsis;
                display: -webkit-box;
                -webkit-line-clamp: 3;
                -webkit-box-orient: vertical;

                a {
                    font-size: 14px;
                    color: #7d7c7c;
                    &:hover {
                        color: white;
                    }
                }
            }
            //浏览人数*************
            .browsequantity {
                float: left;

                p {
                    a {
                        font-size: 12px;
                        color: #7d7c7c;
                        margin-left: 15px;
                        font-weight: bold;
                        margin-top: 11px;
                    }
                    a:hover {
                        color: white;
                    }
                }
            }
            .recentvisitors .browse {
                border-top: 1px solid #444444;
                width: 137px;
                margin: 0 auto;
                text-align: center;
                padding-bottom: 10px;
            }
        }
    }
}
/********************合作资讯列表内容**************************/
.joininfo {
    border: 1px solid #212121;
    border-bottom: none;
    height: 102px;
    background-color: #252525;
    /************************合作资讯图***************************/
    .infoimg {
        width: 110px;
        float: left;
        position: relative;
        text-align: center;
        > img {
            width: 100%;
            display: block;
        }
        > .infodate {
            left: 4px;
            bottom: 6px;
            width: 50px;
            height: 49px;
            border: 1px solid #000000;
            background-color: rgba(45,45,45,.42);
            position: absolute;
            color: #FFFFFF;
            > h2 {
                font-size: 24px;
                font-weight: bold;
            }
            > p {
                font-size: 8px;
            }
        }
    }

    /**************************合作资讯内容*************************/
    .infointro {
        width: calc(100% - 110px);
        width: -webkit-calc(100% - 110px);
        width: -moz-calc(100% -110px);
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
        > .infointrotitle {
            display: block;
            width: 100%;
            color: white;
            height: 65px;
            padding-top: 10px;
            border-bottom: 1px solid #000000;
            > h2 {
                font-size: 18px;
                font-weight: lighter;
                margin-left: 22px;
                margin-right: 22px;
                overflow: hidden;
                text-overflow: ellipsis;
            }
        }

        span {
            text-align: center;
            font-size: 12px;
            color: #9f9f9f;
            line-height: 30px;
            margin-left: 22px;
            overflow: hidden;
            text-overflow: ellipsis;
            &:last-child {
                padding-left: 25px;
            }
        }
    }
}
.activity {
    width: 155px;
    ul {
        li {
            width: 155px;
            height: 41px;
            background: #252525;
            text-align: center;
            line-height: 38px;
            margin-bottom: 4px;
            overflow: hidden;
            a {
                vertical-align: middle;
                display: inline-block;
                width: 100%;
                height: 100%;
                color: #7d7c7c;
                font-size: 14px;
                font-weight: bold;
                text-overflow: ellipsis;
                white-space: nowrap;
                &:hover {
                    color: white;
                    background: black;
                }
            }
        }
    }
}
//新人推荐**************
.newpeople {
    width: 155px;
    background: #252525;
    margin-top: 7px;
}
//最近访客**********
.recentvisitors {
    width: 155px;
    background: #252525;
    margin-top: 7px;
}
//热门话题***************************
.hottopic {
    width: 155px;
    background: #252525;
    margin-top: 7px;
}
//*工作机会***************
.jobopportunity {
    width: 155px;
    background: #252525;
    margin-top: 7px;
}

//多行溢出处理******************************
.dh_overflow {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 10;
    -webkit-box-orient: vertical;
}
.overflow_height {
    //  max-height:200px;
}
//单行溢出处理*************************
.overflow {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
//图片处理*******************************
.img_warp {
    overflow: hidden;

}
.img_width_height {
    width: 108px;
    height: 152px;
}
.img {
    width: 100%;
    vertical-align: middle;
}
.cksx_img_w_h {
    width: 53px;
    height: 56px;
}
